﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeFile="Home.aspx.cs" Inherits="Home" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server">
    <title>Singapore airlines - Home</title>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <br />
    <br />
    <!-- content -->
    <section id="content">
		<article class="col1">
			<div class="pad_1" id="divDatVe">
				<h2>Đặt vé online</h2>


                <%--========================================================--%>


                <div id="div1">
                <form id="form1" action="" class="active">
                <div class="wrapper pad_bot1">
					<div class="radio marg_right1">
                        <asp:RadioButtonList ID="RadioButtonList2" runat="server" 
                            class="chooseTypeFly">
                            <asp:ListItem Text="Khứ hồi" Selected="True" Value="khu hoi" ></asp:ListItem>
                            <asp:ListItem Text="Một chiều" Value="mot chieu"></asp:ListItem>
                        </asp:RadioButtonList>
					</div>
                    <div class="wrapper">
					 Sân bay đi: 
                        <asp:RequiredFieldValidator 
                            ID="RequiredFieldValidator1" runat="server" ControlToValidate="DropDownList1" 
                            ErrorMessage="Yêu cầu nhập" ValidationGroup="Validate1" Font-Bold="False" 
                            ForeColor="Red" Display="Dynamic"></asp:RequiredFieldValidator>
&nbsp;<div class="bg"><asp:DropDownList ID="DropDownList1" runat="server"></asp:DropDownList></div>
					</div>
                    <div class="wrapper">
						Sân bay đến: 
                        <asp:CompareValidator ID="CompareValidator1" runat="server" 
                            ControlToCompare="DropDownList1" ControlToValidate="DropDownList2" 
                            ErrorMessage="Chọn ngày khác" ForeColor="Red" Operator="NotEqual" 
                            ValidationGroup="Validate1" Display="Dynamic"></asp:CompareValidator>
                        <asp:RequiredFieldValidator 
                            ID="RequiredFieldValidator2" runat="server" ControlToValidate="DropDownList2" 
                            ErrorMessage="Yêu cầu nhập" ValidationGroup="Validate1" Font-Bold="False" 
                            ForeColor="Red" Display="Dynamic"></asp:RequiredFieldValidator>
&nbsp;<div class="bg"><asp:DropDownList ID="DropDownList2" runat="server" ></asp:DropDownList></div>
					</div>
                    <div class="wrapper">
						Ngày khởi hành: 
                        <asp:CustomValidator ID="CustomValidator1" runat="server" 
                            ErrorMessage="Chọn ngày lớn hơn hôm nay" ValidationGroup="Validate1" 
                            ClientValidationFunction="compareToday" Display="Dynamic" ForeColor="Red"></asp:CustomValidator>
                        <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" 
                            ControlToValidate="TextBox7" ErrorMessage="Yêu cầu nhập" ForeColor="Red" 
                            ValidationExpression="^(0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])[- /.](19|20)\d\d$" 
                            ValidationGroup="Validate1" Display="Dynamic"></asp:RegularExpressionValidator>
&nbsp;<div class="bg">
							<asp:TextBox ID="TextBox7" runat="server" class="input input1" 
                                value="chọn một ngày" onblur="if(this.value=='') this.value='chọn một ngày'" 
                                onFocus="if(this.value =='chọn một ngày' ) this.value=''" 
                                ></asp:TextBox>
						</div>
					</div>
					<div class="wrapper" id="returnDate">
						Ngày về: 
&nbsp;<asp:CompareValidator ID="CompareValidator2" runat="server" ControlToCompare="TextBox7" 
                            ControlToValidate="TextBox8" 
                            ErrorMessage="Return date is cann't less than departure date" ForeColor="Red" 
                            Operator="GreaterThanEqual" ValidationGroup="Validate1" Display="Dynamic"></asp:CompareValidator>
                        <asp:RegularExpressionValidator ID="RegularExpressionValidator3" runat="server" 
                            ControlToValidate="TextBox8" ErrorMessage="Yêu cầu nhập" ForeColor="Red" 
                            ValidationExpression="^(0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])[- /.](19|20)\d\d$" 
                            ValidationGroup="Validate1" Display="Dynamic"></asp:RegularExpressionValidator>
                        <div class="bg">
                            <asp:TextBox ID="TextBox8" runat="server" class="input input1" value="chọn một ngày" onblur="if(this.value=='') this.value='chọn một ngày'" onFocus="if(this.value =='chọn một ngày' ) this.value=''"></asp:TextBox>
						</div>
					</div>
					<div class="wrapper">
						<p>Vé: 
                            <asp:RegularExpressionValidator ID="RegularExpressionValidator1" 
                                runat="server" ControlToValidate="DropDownList7" 
                                ErrorMessage="At least one ticket of adult" 
                                ValidationExpression="[1-5]" ValidationGroup="Validate1" Font-Bold="False" 
                                ForeColor="Red" Display="Dynamic"></asp:RegularExpressionValidator>
                        </p>
                        <div class="wrapper2">
						    Người lớn:
						    <div class="bg bg2">
                                <asp:DropDownList ID="DropDownList7" runat="server">
                                    <asp:ListItem Selected="True">0</asp:ListItem>
                                    <asp:ListItem>1</asp:ListItem>
                                    <asp:ListItem>2</asp:ListItem>
                                    <asp:ListItem>3</asp:ListItem>
                                    <asp:ListItem>4</asp:ListItem>
                                    <asp:ListItem>5</asp:ListItem>
                                </asp:DropDownList>
						    </div>
                            Trẻ em từ 2-12 tuổi:
						    <div class="bg bg2">
                                <asp:DropDownList ID="DropDownList8" runat="server">
                                    <asp:ListItem Selected="True">0</asp:ListItem>
                                    <asp:ListItem>1</asp:ListItem>
                                    <asp:ListItem>2</asp:ListItem>
                                    <asp:ListItem>3</asp:ListItem>
                                    <asp:ListItem>4</asp:ListItem>
                                    <asp:ListItem>5</asp:ListItem>
                                </asp:DropDownList>
						    </div>
                            Trẻ em dưới 2 tuổi:
						    <div class="bg bg2">
                                <asp:DropDownList ID="DropDownList9" runat="server">
                                    <asp:ListItem Selected="True">0</asp:ListItem>
                                    <asp:ListItem>1</asp:ListItem>
                                    <asp:ListItem>2</asp:ListItem>
                                    <asp:ListItem>3</asp:ListItem>
                                    <asp:ListItem>4</asp:ListItem>
                                    <asp:ListItem>5</asp:ListItem>
                                </asp:DropDownList>
						    </div>
                        </div>
					</div>
                    <div class="wrapper">
						<div class="right">
                            <%--<asp:Button ID="Button1" runat="server" Text="Go" class="button2 continous1" 
                                ValidationGroup="Validate1"></asp:Button>--%>
                                <asp:Button ID="Button2" runat="server" Text="Đặt vé" class="button2" 
                                ValidationGroup="Validate1" onclick="Button2_Click"></asp:Button>
						</div>
					</div>
                </form>
                </div>



                <%--===========================================================--%>


<%--
                <div id="div2">
                <form id="form2" class="inactive" action=''>
            <table>
            <tr>
                    <td style="width:150px" colspan="2"><h3>Step 2/3</h3></td>
                </tr>
                <tr>
                    <td style="width:150px" colspan="2">Choose a fight</td>
                </tr>
                <tr>
                    <td colspan = "2">
                        <asp:ListView ID="ListView1" runat="server">
                                <LayoutTemplate>
                                    <table border="0" cellpadding="1">
                                        <tr style="background-color:#E5E5FE">
                                        <th align="center">Name</th>
                                        <th align="center">Time</th>
                                        <th align="center">Type</th>
                                        <th align="center">Price</th>
                                        </tr>
                                        <tr id="itemPlaceholder" runat="server"></tr>
                                    </table>
                                    <asp:DataPager ID="ItemDataPager" runat="server" PageSize="5">
                                        <Fields>
                                             <asp:NumericPagerField ButtonCount="2" />
                                        </Fields>
                                    </asp:DataPager>  
                                </LayoutTemplate>
                                <ItemTemplate>
                                  <tr>
                                   <td><asp:Label runat="server" ID="Label1"><%#Eval("tenCB")%></asp:Label></td>
                                   <td><asp:Label runat="server" ID="lblName"><%#Eval("ngayDi") + " " + Eval("gioDi") + " " + Eval("ngayDen") + " " + Eval("gioDen")%></asp:Label></td>
                                   <td><asp:Label runat="server" ID="lblId"><%#Eval("loaiVe")%></asp:Label></td>
                                   <td><asp:Label runat="server" ID="lblType"><%#Eval("giaVe")%></asp:Label></td>
                                  </tr>
                                </ItemTemplate>
                                <AlternatingItemTemplate>
                                  <tr style="background-color:#EFEFEF">
                                    <td><asp:Label runat="server" ID="Label1"><%#Eval("tenCB")%></asp:Label></td>
                                    <td><asp:Label runat="server" ID="lblName"><%#Eval("ngayDi") + " " + Eval("gioDi") + " " + Eval("ngayDen") + " " + Eval("gioDen")%></asp:Label></td>
                                    <td><asp:Label runat="server" ID="lblId"><%#Eval("loaiVe")%></asp:Label></td>
                                    <td><asp:Label runat="server" ID="lblType"><%#Eval("giaVe") + " " + Eval("DonViTien")%></asp:Label></td>
                                  </tr>
                                </AlternatingItemTemplate>
                        </asp:ListView>
                    </td>
                </tr>
                <tr>
                    <td>Thông tin khách hàng:</td>
                    <td></td>
                </tr>
                <tr>
                    <td>Họ tên:</td>
                    <td>
                        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td>
                </tr>
                <tr>
                    <td>Giới tính</td>
                    <td>
                        <asp:RadioButtonList ID="RadioButtonList1" runat="server">
                            <asp:ListItem>Nam</asp:ListItem>
                            <asp:ListItem>Nữ</asp:ListItem>
                        </asp:RadioButtonList>
                    </td>
                </tr>
                <tr>
                    <td>Số thẻ hội viên (nếu có)</td>
                    <td>
                        <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></td>
                </tr>
                <tr>
                    <td>Giấy tờ tùy thân</td>
                    <td></td>
                </tr>
                    <td colspan="2">
                        <table style="margin-left:10px">
                            <tr>
                                <td>Loại giấy tờ</td>
                                <td>
                                    <asp:CheckBoxList ID="CheckBoxList1" runat="server">
                                    <asp:ListItem>CMND</asp:ListItem>
                                    <asp:ListItem>Passport</asp:ListItem>
                                    </asp:CheckBoxList>
                                </td>
                            </tr>
                            <tr>
                                <td>Nước phát hành</td>
                                <td>
                                    <asp:DropDownList ID="DropDownList6" runat="server">
                                    </asp:DropDownList>
                                </td>
                            </tr>
                            <tr>
                                <td>Số thẻ</td>
                                <td>
                                    <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox></td>
                            </tr>
                            <tr>
                                <td>Ngày hết hạn</td>
                                <td>
                                    <asp:TextBox ID="TextBox9" runat="server" class="input input1" value="Choose a day" onblur="if(this.value=='') this.value='Choose a day'" onFocus="if(this.value =='Choose a day' ) this.value=''"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td>Ngày sinh</td>
                                <td>
                                    <asp:TextBox ID="TextBox10" runat="server" class="input input1" value="Choose a day" onblur="if(this.value=='') this.value='Choose a day'" onFocus="if(this.value =='Choose a day' ) this.value=''"></asp:TextBox>
                                </td>
                            </tr>
                        </table>
                    </td>
                <tr>
                    <td>Điện thoại đi động</td>
                    <td>
                        <asp:TextBox ID="TextBox5" runat="server"></asp:TextBox></td>
                </tr>
                <tr>
                    <td>Điện thoại bàn</td>
                    <td>
                        <asp:TextBox ID="TextBox4" runat="server"></asp:TextBox></td>
                </tr>
                <tr>
                    <td>email</td>
                    <td>
                        <asp:TextBox ID="TextBox6" runat="server"></asp:TextBox></td>
                </tr>
                <tr>
                    <td>
                        <asp:Button ID="Button3" runat="server" Text="Next" class="button2 continous2"
                            /></td>
                    <td>
                        <asp:Button ID="Button4" runat="server" Text="Go back" class="button1 goback1"
                             /></td>
                </tr>
            </table>
                </form>
                </div>

--%>

                <%--====================================================--%>



                <%--<div id="div3">
                <form id="form3" class="inactive">
            <table>
                <tr>
                    <td style="width:122px">Thanh toán</td>
                    <td></td>
                </tr>
                <tr>
                    <td colspan="2">Đây là vùng tích hợp thanh toán</td>
                </tr>
                <tr>
                    <td>Đã thanh toán:</td>
                    <td>
                        <asp:CheckBox ID="CheckBox1" runat="server" /></td>
                </tr>
                <tr>
                    <td>
                        <asp:Button ID="Button5" runat="server" Text="Finish" Width="131px" class="button2"
                             /></td>
                    <td>
                        <asp:Button ID="Button6" runat="server" Text="Go back" class="button1 goback2"
                            /></td>
                </tr>
            </table>
                </form>
                </div>--%>


                <%--==================================================--%>


				<h2>Tin tức</h2>
				<p class="under"><a href="#" class="link1">Đồng phục mới của nhân viên</a><br>2/1/2013</p>
				<p class="under"><a href="#" class="link1">Mở thêm tuyến bay mới LA-Singapore</a><br>1/1/2013</p>
				<p><a href="#" class="link1">Khuyến mãi năm mới</a><br>26/12/2012</p>
			</div>
		</article>
		<article class="col2 pad_left1">
			<h2>Hãng hàng không Singapore AirLines:</h2>
			<p class="color1">Là hãng hàng không mới thành lập, chúng tôi được đầu tư những trang thiết bị hiện đại nhất, cùng với đội ngũ nhân viên trẻ, năng động và được đào tạo bài bản </p>
			<div class="marker">
				<div class="wrapper">
					<p class="pad_bot2"><strong>Chăm sóc khách hàng tốt nhất</strong></p>
					<p class="pad_bot2">Chúng tôi sở hữu những máy bay hiện đại nhất, cung cấp những dịch vụ tốt nhất làm hài lòng ngay cả những khách hàng khó tính nhất</p>
				</div>
			</div>
			<div class="wrapper pad_bot2"><a href="#" class="button1">Ý kiến khách hàng</a></div>
			<div class="marker">
				<div class="wrapper">
					<p class="pad_bot2"><strong>Các chuyến bay</strong></p>
					<p class="pad_bot2">Các chuyến bay tới khắp các thành phố trên thế giới và không ngừng mở rộng về số chuyến và cường độ bay</p>
				</div>
			</div>
			<div class="wrapper pad_bot2">
				<a href="#" class="button1">Xem các chuyến bay</a>
				<a href="#" class="button2">Xem các dịch vụ</a>
			</div>
			<div class="wrapper">
				<article class="cols">
					<h2>Hội Viên</h2>
					<p><strong>Đăng ký thành viên</strong> để được hưởng những ưu đãi đặc biệt về giá vé và các chương trình khuyến mãi.</p>
					<p>Quý khách có thể <a href="#">đăng ký làm hội viên</a>, chỉ tốn vài thao tác đơn giản để trở thành hội viên của chúng tôi.</p>
				</article>
				<div class="box1">
					<div class="pad_1">
						<div class="wrapper">
							<p class="pad_bot2">Tên đăng nhập: <asp:TextBox ID="TextBox1" runat="server" class="input1"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
                                    ErrorMessage="X" Display="Dynamic" ControlToValidate="TextBox1"></asp:RequiredFieldValidator></p>
                            <p class="pad_bot2">Password: <asp:TextBox ID="TextBox2" runat="server" 
                                    TextMode="Password" class="input1"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" 
                                    ErrorMessage="X" ControlToValidate="TextBox2" Display="Dynamic"></asp:RequiredFieldValidator></p>
							<p><span class="right"><asp:Button ID="Button1" runat="server" Text="Đăng nhập" class="button2"></asp:Button></span>&nbsp;<br></p>
						</div>
					</div>
				</div>
			</div>
            <script src="js/datve.js" type="text/javascript"></script>
            <script type="text/javascript">
                $(function () {
                    $("#MainContent_TextBox7").datepicker();
                    $("#MainContent_TextBox8").datepicker();
                });
            </script>
		</article>
	</section>
    <!-- / content -->
</asp:Content>
